<script src="https://maps.googleapis.com/maps/api/js?key=<?php echo $mapConfig['map_key']; ?>&callback=initMap&v=weekly" async></script>
<style>
    #map-container {
        overflow: hidden;
        width: 100%;
        height: 300px;
        margin: 0;
        font-family: "微软雅黑";
    }
</style>
<tr>
    <td colspan="2">
        <div id="map-container"></div>
    </td>
</tr>
<?php $mapLatAndLng = explode(',', $this->locationInfo->getLocationGeoCoding()); ?>
<script lang="ts">
    let map;
    function initMap() {
        const myLatlng = {<?php echo "lat: $mapLatAndLng[1], lng: $mapLatAndLng[0]"; ?>};
        map = new google.maps.Map(document.getElementById("map-container"), {
            center: myLatlng,
            zoom: 17
        });

        new google.maps.Marker({
            position: myLatlng,
            map
        });
    }
</script>